const path = require('path')
const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
  publicPath: './',
  outputDir: 'dist',
  chainWebpack: (config) => {
    config.resolve.alias // 为指定目录设置全局别名
      .set('@', path.join(__dirname, 'src'))

  },
  configureWebpack: {
    // webpack 配置
    output: {
      // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
      filename: `js/[name].js`,
      chunkFilename: `js/[name].js`,
    },
    plugins: [
      new MiniCssExtractPlugin({
        // 修改打包后css文件名
        filename: `css/[name].css`,
        chunkFilename: `css/[name].css`
      })
    ],
  },
}
